<template>
    <div class="box">
      <el-carousel height="300px">
        <el-carousel-item v-for="item in photodata" :key="item">
          <!-- <h3 class="small justify-center" text="2xl">{{ item }}</h3> -->
          <img class="img" :src="getImageUrl(item)" >
        </el-carousel-item>
      </el-carousel>
    </div>
  </template>
  <script lang="ts" setup>
   const photodata:string[] = ["http://123.60.90.6/i/2023/02/07/u5gx7j-4.png",'http://123.60.90.6/i/2023/02/07/u5lou5-4.png']
   function getImageUrl(name:string) {
  return new URL(name, import.meta.url).href
}
</script>
  <style scoped>
  .box{
    margin-top: 20px;
    margin-bottom: 20px;
  }
img{
    width: 100%;
    height:100%;
    border-radius: 10px;
  }
  </style>
  